<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div id="app">
        <v-child></v-child>
    </div>
</body>
<script src="./js/vue.js"></script>
<script>
    // 基于 16 17 18

    // VueComponent.prototype = Object.create(Vue.prototype)
    // VueComponent.prototype.__proto__ = Vue.prototype


    /*
            var 组件 = new VueComponent()
            组件.__proto__ --> VueComponent.prototype --__proto__-->
                Vue.prototype --__proto__-->
                Object.prototype  --__proto__--> null


            Vue.prototype={
                $on(){},
                $off(){},
                $emit(){},
                $mount(){},
                ....
                $bus:new Vue()
            }

     */

    Vue.config.productionTip = false;
    var vm = new Vue({
        el:"#app",
        mounted(){
          console.log(this,"app")
        },
        components:{
            "v-child":{
                template:"<span>v-child</span>",
                mounted(){
                    console.log(this,"v-child")
                }
            }
        }
    })



</script>
</html>